﻿<sdk:Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions" xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit"
    xmlns:ViewModels="clr-namespace:ZFCNew.ViewModels"
	xmlns:ZFCNew_Vectors="clr-namespace:ZFCNew.Vectors" x:Name="page"    
    x:Class="ZFCNew.About" 
	Title="About Page"
	d:DesignWidth="640" d:DesignHeight="480" Width="997" Height="670" mc:Ignorable="d">
    <sdk:Page.Resources>
        <ViewModels:AboutModel x:Key="AboutModelDataSource" />

    </sdk:Page.Resources>


    <Grid x:Name="LayoutRoot" DataContext="{Binding Source={StaticResource AboutModelDataSource}}">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="SelectedState">
                <VisualStateGroup.Transitions>
                    <VisualTransition GeneratedDuration="0:0:1"/>
                    <VisualTransition GeneratedDuration="0:0:1" To="GeneralState"/>
                    <VisualTransition GeneratedDuration="0:0:1" To="MoreZakumiState"/>
                    <VisualTransition GeneratedDuration="0:0:1" To="JoinusState"/>
                    <VisualTransition GeneratedDuration="0:0:1" To="FaqState"/>
                </VisualStateGroup.Transitions>
                <VisualState x:Name="RBGeneralState">
                    <Storyboard>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="GeneralPanel">
                            <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="RBMoreZakumiState">
                    <Storyboard>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="MoreZakumiPanel">
                            <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="RBJoinusState">
                    <Storyboard>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="JoinusPanel">
                            <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="RBFaqState">
                    <Storyboard>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="FaqPanel">
                            <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

        <StackPanel x:Name="NavHolder" HorizontalAlignment="Right" Margin="0,0,-76,110" VerticalAlignment="Bottom" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" d:IsLocked="True">
            <StackPanel.RenderTransform>
                <CompositeTransform Rotation="-30" ScaleX="0.6" ScaleY="0.6"/>
            </StackPanel.RenderTransform>
            <RadioButton x:Name="RBGeneral" Content="General" Checked="NavigationTabSelected" Tag="about/general" Style="{StaticResource ZFCNavStyle}" Margin="0,5,0,0"/>
            <RadioButton x:Name="RBMoreZakumi" Content="More about Zakumi" Checked="NavigationTabSelected" Tag="about/morezakumi" Style="{StaticResource ZFCNavStyle}" Margin="0,5,0,0"/>
            <RadioButton x:Name="RBFaq" Content="FAQ" Checked="NavigationTabSelected" Tag="about/faq" Style="{StaticResource ZFCNavStyle}" Margin="0,5,0,0"/>
        </StackPanel>

        <Grid HorizontalAlignment="Right" Margin="0,-24,15,0" VerticalAlignment="Top" Opacity="0.6">
            <TextBlock TextWrapping="Wrap" Text="W" FontSize="80" Foreground="Red" FontWeight="Bold" Margin="0" d:LayoutOverrides="Width, Height" HorizontalAlignment="Left" VerticalAlignment="Top"/>
            <TextBlock TextWrapping="Wrap" Text="ARE!" FontSize="26.667" Foreground="White" FontWeight="Bold" HorizontalAlignment="Left" Margin="90,57,0,21" d:LayoutOverrides="Height"/>
            <TextBlock TextWrapping="Wrap" Text="      WE" FontSize="26.667" Foreground="White" FontWeight="Bold" HorizontalAlignment="Left" Margin="83,21,0,0" VerticalAlignment="Top"/>
            <TextBlock TextWrapping="Wrap" Text="HO" FontSize="26.667" Foreground="Red" FontWeight="Bold" Margin="89,20,45,0" VerticalAlignment="Top" d:LayoutOverrides="Width"/>

        </Grid>
        <StackPanel x:Name="MoreZakumiPanel" Margin="260,100,10,0" VerticalAlignment="Top" IsHitTestVisible="False" Height="486" Opacity="0" d:IsLocked="True">
            <Grid Height="769" Margin="32,0,0,0">
                <TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="About Zakumi" FontSize="48" Foreground="White" FontFamily="Magneto" Opacity="0.7" VerticalAlignment="Top"/>
                <RichTextBox Background="{x:Null}" BorderBrush="{x:Null}" Foreground="White" Height="237" IsReadOnly="True" Margin="0,59,0,0" Style="{StaticResource RichTBWithNoBorder}" FontSize="16" FontFamily="Lucida Sans Unicode" VerticalAlignment="Top">
                    <Paragraph>
                        <Run Text="Zakumi (born 16 June 1994 (1994-06-16) (age 15)) is the Official Mascot for the 2010 FIFA World Cup. He is an anthropomorphised leopard with green hair, presented on 22 September 2008. His name comes from &quot;ZA&quot;, the ISO 3166-1 alpha-2 code for South Africa, and &quot;kumi&quot;, a word that means ten in various African languages."/>
                    </Paragraph>
                </RichTextBox>
                <ZFCNew_Vectors:Zakumi RenderTransformOrigin="0.5,0.5" Margin="-94,62,0,234" HorizontalAlignment="Left" d:LayoutOverrides="Width">
                    <ZFCNew_Vectors:Zakumi.RenderTransform>
                        <CompositeTransform ScaleX="0.5" ScaleY="0.5"/>
                    </ZFCNew_Vectors:Zakumi.RenderTransform>
                </ZFCNew_Vectors:Zakumi>
            </Grid>
        </StackPanel>
        
        <StackPanel x:Name="FaqPanel" Margin="310,119,10,-20" Opacity="0">
            <Grid Height="571" Margin="0,0,-3,0">
                <Grid.RowDefinitions>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <TextBlock TextWrapping="Wrap" Text="Frequently Asked Questions" FontSize="40" Foreground="White" FontFamily="Magneto" Opacity="0.7" VerticalAlignment="Top" IsHitTestVisible="False" Margin="0,-22,5,0"/>
                <RichTextBox Background="{x:Null}" BorderBrush="{x:Null}" Foreground="#AAFFFFFF" IsReadOnly="True" Margin="-104,35,104,54" Style="{StaticResource RichTBWithNoBorder}" FontSize="24" FontFamily="Lucida Sans Unicode" FontWeight="Bold" IsHitTestVisible="False">
                    <Paragraph>
                        <Run Text="Who is this site for?">
                            <Run.Foreground>
                                <SolidColorBrush Color="#AAFFFFFF">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                    </Paragraph>
                    <Paragraph>
                        <Run>
                            <Run.Foreground>
                                <SolidColorBrush Color="#AAFFFFFF">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                        <Run Text="     "/>
                    </Paragraph>
                    <Paragraph>
                        <Run Text="                                                     What can I get here?">
                            <Run.Foreground>
                                <SolidColorBrush Color="#AAFFFFFF">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                    </Paragraph>
                    <Paragraph>
                        <Run>
                            <Run.Foreground>
                                <SolidColorBrush Color="#AAFFFFFF">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                    </Paragraph>
                    <Paragraph>
                        <Run Text="                                                 Can I help?">
                            <Run.Foreground>
                                <SolidColorBrush Color="#AAFFFFFF">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                    </Paragraph>
                    <Paragraph>
                        <Run>
                            <Run.Foreground>
                                <SolidColorBrush Color="#AAFFFFFF">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                    </Paragraph>
                    <Paragraph>
                        <Run Text="                                ">
                            <Run.Foreground>
                                <SolidColorBrush Color="#AAFFFFFF">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                    </Paragraph>
                    <Paragraph>
                        <Run Text="                  Where can I get the source code?">
                            <Run.Foreground>
                                <SolidColorBrush Color="#AAFFFFFF">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                    </Paragraph>
                    <Paragraph>
                        <Run>
                            <Run.Foreground>
                                <SolidColorBrush Color="#AAFFFFFF">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                    </Paragraph>
                    <Paragraph>
                        <Run Text="  ">
                            <Run.Foreground>
                                <SolidColorBrush Color="#AAFFFFFF">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                    </Paragraph>
                </RichTextBox>
                <TextBlock TextWrapping="Wrap" Text="This site is for anybody interested about soccer and likes Zakumi. FIFA 2010 WorldCup Mascot" Margin="-64,73,0,0" HorizontalAlignment="Left" FontSize="16" Foreground="Red" IsHitTestVisible="False" VerticalAlignment="Top" FontFamily="Lucida Sans Unicode"/>
                <TextBlock TextWrapping="Wrap" Text="You can get latest news, from facebook, twitter and FIFA website. As well as information about matches, teams and schedules." Margin="-64,146,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" FontSize="16" Foreground="Red" IsHitTestVisible="False" FontFamily="Lucida Sans Unicode"/>
                <TextBlock TextWrapping="Wrap" Text="You certainly can. You can inform about wrong/outdated information, improve the code or  give some feedback to improve it farther." Margin="-64,222,0,0" HorizontalAlignment="Left" FontSize="16" Foreground="Red" IsHitTestVisible="False" VerticalAlignment="Top" FontFamily="Lucida Sans Unicode"/>
                <TextBlock TextWrapping="Wrap" Text="You can get the latest source code from codeplex. Its open source and you can use it with no restrition." Margin="-64,0,104,192" FontSize="16" Foreground="Red" IsHitTestVisible="False" VerticalAlignment="Bottom" FontFamily="Lucida Sans Unicode"/>
                <HyperlinkButton Content="feedback" Foreground="#FFFFC700" FontSize="16" VerticalAlignment="Bottom" Margin="18,0,0,300" FontFamily="Lucida Sans Unicode" Click="ShowFeedback" Canvas.ZIndex="100" Style="{StaticResource LinkWithoutBorderStyle}" HorizontalAlignment="Left"/>
                <HyperlinkButton Content="inform" Foreground="#FFFFC700" FontSize="16" VerticalAlignment="Bottom" Margin="144,0,0,324" FontFamily="Lucida Sans Unicode" Click="ShowFeedback" Canvas.ZIndex="100" Style="{StaticResource LinkWithoutBorderStyle}" HorizontalAlignment="Left"/>
                <HyperlinkButton Content="improve the code" Foreground="#FFFFC700" FontSize="16" VerticalAlignment="Bottom" Margin="0,0,57,324" FontFamily="Lucida Sans Unicode" Canvas.ZIndex="100" Style="{StaticResource LinkWithoutBorderStyle}" TargetName="_blank" NavigateUri="http://zakumifanclub.codeplex.com/SourceControl/list/changesets" HorizontalAlignment="Right"/>
                <HyperlinkButton Content="codeplex" Foreground="#FFFFC700" FontSize="16" VerticalAlignment="Bottom" Margin="249,0,0,217" FontFamily="Lucida Sans Unicode" Canvas.ZIndex="100" Style="{StaticResource LinkWithoutBorderStyle}" TargetName="_blank" NavigateUri="http://zakumifanclub.codeplex.com" d:LayoutOverrides="VerticalAlignment" HorizontalAlignment="Left"/>
            </Grid>
        </StackPanel>
        <StackPanel x:Name="GeneralPanel" Margin="260,100,10,0" VerticalAlignment="Top" Opacity="0" d:IsLocked="True" >
            <Grid Height="358" Margin="32,0,0,0">
                <TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="Welcome to ZFC " FontSize="48" Foreground="White" FontFamily="Magneto" Opacity="0.7" VerticalAlignment="Top" IsHitTestVisible="False"/>
                <RichTextBox Background="{x:Null}" BorderBrush="{x:Null}" Foreground="White" IsReadOnly="True" Margin="0,59,0,24" Style="{StaticResource RichTBWithNoBorder}" FontSize="18.667" FontFamily="Lucida Sans Unicode" IsHitTestVisible="False">
                    <Paragraph>
                        <Run FontSize="32" FontFamily="Magneto" Text="Z">
                            <Run.Foreground>
                                <SolidColorBrush Color="Red">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                        <Run Text="akumi"/>
                        <Run FontSize="32" FontFamily="Magneto" Text="F">
                            <Run.Foreground>
                                <SolidColorBrush Color="Red">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                        <Run Text="an"/>
                        <Run FontSize="32" FontFamily="Magneto" Text="C">
                            <Run.Foreground>
                                <SolidColorBrush Color="Red">
                                    <SolidColorBrush.RelativeTransform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.RelativeTransform>
                                    <SolidColorBrush.Transform>
                                        <MatrixTransform Matrix="Identity"/>
                                    </SolidColorBrush.Transform>
                                </SolidColorBrush>
                            </Run.Foreground>
                        </Run>
                        <Run Text="lub"/>
                        <Run Text=" "/>
                        <Run Text="is an unofficial fan club for Zakumi, World Cup 2010 Mascot."/>
                    </Paragraph>
                    <Paragraph>
                        <Run Text="You can get latest news from web, twitter and facebook. Watch photos and view latest results ..."/>
                    </Paragraph>
                    <Paragraph>
                        <Run/>
                    </Paragraph>
                    <Paragraph>
                        <Run Text="Hope you enjoy here ... "/>
                    </Paragraph>
                    <Paragraph>
                        <Run/>
                    </Paragraph>
                    <Paragraph>
                        <Run Text="For more information see FAQ or Send me a feedback ..."/>
                    </Paragraph>
                </RichTextBox>
                <HyperlinkButton Content="feedback" Foreground="#FFFFC700" FontSize="18.667" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,205,57" d:LayoutOverrides="VerticalAlignment" FontFamily="Lucida Sans Unicode" Click="ShowFeedback" Canvas.ZIndex="100" Style="{StaticResource LinkWithoutBorderStyle}"/>
                <HyperlinkButton Content="FAQ" Foreground="#FFFFC700" FontSize="18.667" VerticalAlignment="Bottom" Margin="236,0,0,57" FontFamily="Lucida Sans Unicode" d:LayoutOverrides="VerticalAlignment" HorizontalAlignment="Left" Click="ShowFaq" Canvas.ZIndex="100" Style="{StaticResource LinkWithoutBorderStyle}"/>
            </Grid>
        </StackPanel>
        <HyperlinkButton Content="Share ZFC in facebook" HorizontalAlignment="Right" VerticalAlignment="Top" Style="{StaticResource LinkWithoutBorderStyle}" Margin="0,48,216,0" Foreground="Red" FontSize="24" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Click="PostToFacebook">
        	<HyperlinkButton.RenderTransform>
        		<CompositeTransform Rotation="10"/>
        	</HyperlinkButton.RenderTransform>
        </HyperlinkButton>
    </Grid>
</sdk:Page>